---
import { getCollection } from "astro:content";
import Layout from "../layouts/Layout.astro";
import NavMain from "../sections/NavMain.astro";
import HomeHero from "../sections/HomeHero.astro";
import HooksList from "../components/search/HooksList";
import Footer from "../sections/Footer.astro";

const hooks = await getCollection("hooks");
---

<Layout
  title="useHooks – The React Hooks Library"
  description="A collection of modern, server-safe React hooks – from the ui.dev team"
>
  <NavMain />
  <HomeHero />
  <HooksList client:load hooks={hooks} />
  <Footer />
</Layout>
